From 7d85a18867ca0fe2310218c63cfc696c0f916171 Mon Sep 17 00:00:00 2001
From: Martin Kagamino Lehoux <martin@lehoux.net>
Date: Tue, 8 Sep 2026 09:12:25 +0200
Subject: Consolidate duplicated page CSS into app.css, share TestDb type

- Move .page-header/.back-link/.input-invalid/.save-status/.btn-done
  (plus hover/variant rules) into app.css as shared route scaffolding;
  delete per-page scoped copies
- Unify drifted values: page-header padding 1rem -> 1.25rem (routine
  page), empty-state spacing 0.75/1.5rem -> 1/2rem (grocery detail),
  save-status margin -0.25rem applied on both pages, back-link margin
  1.5rem -> 1rem (grocery detail); routine page's large Fait button is
  kept via a .btn-done-lg modifier
- Export TestDb from test-helper and use it in the five db/service
  test files to shrink duplicated fixture scaffolding
---
 .../[projectId]/routine/[routineId]/+page.svelte   | 57 +---------------------
 1 file changed, 2 insertions(+), 55 deletions(-)

(limited to 'src/routes/projects/[projectId]/routine/[routineId]/+page.svelte')

diff --git a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
index 19713ae..bcdca79 100644
--- a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
+++ b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
@@ -221,7 +221,7 @@
 				placeholder="Note (optionnel)"
 				autocomplete="off"
 			/>
-			<button class="btn-done" type="submit">Fait</button>
+			<button class="btn-done btn-done-lg" type="submit">Fait</button>
 		</form>
 	{/if}
 
@@ -244,29 +244,6 @@
 </main>
 
 <style>
-	.back-link {
-		display: inline-flex;
-		align-items: center;
-		gap: 0.375rem;
-		margin-top: 1rem;
-		color: var(--text-secondary);
-		text-decoration: none;
-		font-size: 0.875rem;
-		font-weight: 500;
-		transition: color 0.2s;
-	}
-
-	.back-link:hover {
-		color: var(--accent);
-	}
-
-	.page-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 1rem 0;
-	}
-
 	.page-header h1 {
 		overflow-wrap: anywhere;
 	}
@@ -275,31 +252,12 @@
 		max-width: 8rem;
 	}
 
-	.input-invalid {
-		border-color: var(--danger);
-	}
-
 	.desc {
 		width: 100%;
 		resize: vertical;
 		font-family: inherit;
 	}
 
-	.save-status {
-		font-size: 0.875rem;
-		color: var(--success);
-		font-weight: 500;
-		visibility: hidden;
-		opacity: 0;
-		transition: opacity 0.2s ease;
-		min-height: 1.25rem;
-	}
-
-	.save-status.visible {
-		visibility: visible;
-		opacity: 1;
-	}
-
 	.section-title {
 		font-size: 0.75rem;
 		font-weight: 700;
@@ -368,21 +326,10 @@
 		flex: 1;
 	}
 
-	.btn-done {
-		flex-shrink: 0;
+	.btn-done-lg {
 		padding: 0.75rem 1.25rem;
-		border: none;
 		border-radius: 0.75rem;
-		background: var(--success);
-		color: var(--white);
 		font-size: 0.9375rem;
-		font-weight: 500;
-		transition: all 0.2s ease;
-	}
-
-	.btn-done:hover {
-		filter: brightness(1.05);
-		transform: translateY(-1px);
 	}
 
 	.completion-row {
-- 
cgit v1.3